<style type="text/css">
    .selected-search {
        box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
        height: 200px;
        width: 260px;
        position: relative;
        border-radius: 4px;
    }

    .ivu-form-item {
        /*width: 30% !important;*/
    }

    .selected-search .search-action {
        position: absolute;
        top: 10px;
        left: 10px;
        right: 10px;
    }

    .selected-search .selected-arr {
        position: absolute;
        top: 50px;
        left: 20px;
        right: 20px;
        bottom: 10px;
        overflow: scroll;
    }

    .select-click {
        border: 1px solid #dddee1;
        border-radius: 4px;
        padding: 0 10px;
        margin-bottom: 10px;
    }

    .selected-search .selected-arr .selected-item {
        /*border-bottom: 1px solid #dfdfdf;*/
    }

    .demo-upload-list {
        display: inline-block;
        width: 60px;
        height: 60px;
        text-align: center;
        line-height: 60px;
        border: 1px solid transparent;
        border-radius: 4px;
        overflow: hidden;
        background: #fff;
        position: relative;
        box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
        margin-right: 4px;
    }

    .demo-upload-list img {
        width: 100%;
        height: 100%;
    }

    .demo-upload-list-cover {
        display: none;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: rgba(0, 0, 0, .6);
    }

    .demo-upload-list:hover .demo-upload-list-cover {
        display: block;
    }

    .demo-upload-list-cover i {
        color: #fff;
        font-size: 20px;
        cursor: pointer;
        margin: 0 2px;
    }
</style>
<template>
    <Tabs active-key="key1">
        <Tab-pane label="粮秣给养储备量">
            <grain></grain>
        </Tab-pane>
        <Tab-pane label="战备金储备量">
            <combat></combat>
        </Tab-pane>
        <Tab-pane label="油料储备量">
            <oil></oil>
        </Tab-pane>
        <Tab-pane label="战救药材储备量">
            <medicinal></medicinal>
        </Tab-pane>
        <Tab-pane label="弹药储备量">
            <ammunition></ammunition>
        </Tab-pane>
        <Tab-pane label="维修器材储备量">
            <repair></repair>
        </Tab-pane>
    </Tabs>
</template>
<script>
    import apiUtil from '../../assets/utils/api_util';
    import oil from '../../components/sixAmount/oil';
    import grain from '../../components/sixAmount/grain';
    import combat from '../../components/sixAmount/combat';
    import medicinal from '../../components/sixAmount/medicinal';
    import ammunition from '../../components/sixAmount/ammunition';
    import repair from '../../components/sixAmount/repair';

    export default {
        data() {
            return {
                upLoadFile: apiUtil.urls.UploadFile,
                apiUtilBase: apiUtil.urls.baseUrl,
                charArr:[],

            }
        },
        mounted: function () {},
        components: {
            oil,
            grain,
            combat,
            medicinal,
            ammunition,
            repair
        },
        methods: {

        }
    }
</script>
